<template>
  <div>
    <div class="right_item">
      <div demo-bg>
        <dv-scroll-board :config="config" style="width: 500px; height: 220px" />
      </div>
    </div>
  </div>
</template>
<script setup lang='ts'>
import * as echarts from 'echarts'
import { onMounted, reactive, ref } from 'vue'
import { getjing } from '../request/api';
const config = reactive({
  header: ['序号', '楼号', '设备状态'],
  data: [['行1列1', '行1列2', '行1列3']],
  align: ['center']
})
onMounted(() => {
  getjing().then((res) => {
    console.log(res)
    config.data = res.data.data.map((item, index) => {
      return [item.serial, item.clpe_place, item.clpe_collPolice]
    })
  })
})
</script>


<style scoped lang='scss'>
.right_item {
  margin-top: 10px;
  width: 100%;
  height: 300px;
  background: #0c1d5f;
}
.demo-bg {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
}
.dv-scroll-board {
  width: 460px !important;
  height: 300px !important;
}
</style>
